core-web-vitals：用現場與實驗室證據優化 LCP、INP、CLS
core-web-vitals 是 Addy Osmani web-quality-skills 倉庫中的 Agent Skill（v2.0，MIT），面向 LCP、INP、CLS 三項 Core Web Vitals。它要求先看 CrUX p75 與瀏覽器性能 trace，再只針對失敗指標查代碼與資源，修復後用等價 lab 重測，且不宣稱現場指標立刻改善。文檔覆蓋 LCP 常見根因、檢查清單、INP/CLS 專項引用，以及 CrUX、Lighthouse、一方 RUM 等測量來源邊界。安裝：npx skills add 指定倉庫與 --skill core-web-vitals。
閱讀全文web-quality-audit：用 Lighthouse 做網站質量一站式審計
web-quality-audit 是 Addy Osmani 的 web-quality-skills 中的 Agent Skill，以 Lighthouse 13+ 與瀏覽器實測證據爲核心，覆蓋性能（含 Core Web Vitals）、可訪問性、SEO、最佳實踐與 Agentic Browsing。一次串聯 150+ 檢查項，按影響與置信度歸類並給出修復建議，支持 Lighthouse CLI、PageSpeed Insights 與 Chrome DevTools MCP 等工具路由。通過 npx skills add 安裝後，可用自然語言觸發全站或單頁審計。
閱讀全文用 web-perf Skill 做前端性能審計：把 Core Web Vitals 塞進 Agent 工作流
介紹 Cloudflare 官方 Agent Skill「web-perf」：藉助 Chrome DevTools MCP 審計 Core Web Vitals（LCP、INP、CLS）及 FCP、TBT、Speed Index，排查渲染阻塞、網絡依賴鏈、佈局偏移與緩存問題。文章說明其定位、五階段工作流、在 Cursor / Claude Code / Codex 等工具中的安裝方式、MCP 必配項，以及典型提示詞與輸出格式，並提醒以現行文檔覈驗閾值、無 MCP 時勿硬編結論。
閱讀全文